<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="author" content="范子睿, Fan Zirui">
    <meta name="description" content="清华附中朝阳学校2019届3班的蹭饭地图">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>直升机班的蹭饭地图</title>

    <link rel="stylesheet" href="css/basic.min.css">
    <link rel="stylesheet" href="css/map.min.css">
    <link rel="stylesheet" href="css/info.min.css">
</head>

<body>
    <header>
        <div id="nav"></div>
    </header>

    <main>
        <div id="map" class="main">
            <div id="beijing">
                <img src="images/beijing.svg" alt="beijing">

                <div id="thc" class="hive"></div>

                <button id="bjfu" class="bee" onclick="showInfo('bjfu')"></button>
                <button id="ustb" class="bee" onclick="showInfo('ustb')"></button>
                <button id="buaa" class="bee" onclick="showInfo('buaa')"></button>
                <button id="bfa" class="bee" onclick="showInfo('bfa')"></button>
                <button id="bit" class="bee" onclick="showInfo('bit')"></button>
                <button id="bucea" class="bee" onclick="showInfo('bucea')"></button>
                <button id="btbu" class="bee" onclick="showInfo('btbu')"></button>
                <button id="cuc" class="bee" onclick="showInfo('cuc')"></button>
                <button id="bisu" class="bee" onclick="showInfo('bisu')"></button>
                <button id="cnu" class="bee" onclick="showInfo('cnu')"></button>
                <button id="bjut" class="bee" onclick="showInfo('bjut')"></button>
                <button id="cmu" class="bee" onclick="showInfo('cmu')"></button>
                <button id="cueb" class="bee" onclick="showInfo('cueb')"></button>
            </div>

            <div id="china">
                <img src="images/china.svg" alt="china">

                <div id="beijing_all" class="hive"></div>

                <button id="jilin_jlu" class="bee" onclick="showInfo('jlu')"></button>
                <button id="tianjin_nku" class="bee" onclick="showInfo('nku')"></button>
                <button id="shanxi_tyut" class="bee" onclick="showInfo('tyut')"></button>
                <button id="hubei_whu" class="bee" onclick="showInfo('whu')"></button>
                <button id="chongqing_cqu" class="bee" onclick="showInfo('cqu')"></button>
                <button id="hunan_nudt" class="bee" onclick="showInfo('nudt')"></button>
                <button id="guangdong_sysu" class="bee" onclick="showInfo('sysu')"></button>
            </div>

            <div id="world">
                <img src="images/world.svg" alt="world">

                <div id="china_all" class="hive"></div>

                <button id="ireland_ucd" class="bee" onclick="showInfo('ucd')"></button>
            </div>

            <button id="zoomOut" onclick="zoomOut()">
                <img src="images/zoom-out.svg" alt="zoom-out">
            </button>
        </div>
        
        <div id="info">
            <div id="schoolPart"></div>

            <div id="peoplePart"></div>

            <button id="hideInfo" onclick="hideInfo()">
                <img src="images/close.svg" alt="close">
            </button>
        </div>
    </main>

    <script src="basic.js"></script>
    <script src="map.js"></script>
    <script src="data.js"></script>
    <script src="list.js"></script>
    <script src="info.js"></script>
</body>

</html>